<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Private movie内容</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="../Ryancss/video_secret.css" rel="stylesheet" type="text/css" />
</head>
<body>

        <section class="aui-flexView" style="height:auto">

            <section class="aui-scrollView">
				
			
				<div class="aui-flex">
                    <div class="aui-flex-box">
                        <div class="aui-star-img">
                            <button tapmode onclick="window.location.reload()"> <i class="icon icon-random"></i> 换一换  </button>
							<button style="bottom: 100px;  padding: 0.3rem 0.8rem 0.3rem 0.8rem;"><span id="Private_Video_num"> <!--数量--></span></button>
                            <img src=""> 
                        </div>
                    </div>
                </div>
			
					
		
                <div class="aui-flex b-line">
                    <div class="aui-ad-img">
                        <img src="">
                    </div>
                    <div class="aui-flex-box">
                        <h3 id="video_secret_content"> </h3> 
                    </div>
                </div>
		
		
			

			


                <div class="divHeight b-line"></div>
                <div class="aui-list-box"  id="Video_secret_list">
					
					
					
		             <a class="aui-flex">
                        <div class="aui-atr-img">
                            <img src="">
                        </div>
                        <div class="aui-flex-box">
                            <h2> - - - </h2>
                            <h4>1991.07.18-2015.07.14</h4>
                         <!--   <h5>青岛大剧院</h5>-->
                            <h6>类型：- - - <em>地区：- - - </em></h6>
                            <p>"……"</p>
                        </div>
                        <div class="aui-arrow-text">
                            <h1>播 放</h1>
                        <!--  <p>折起</p> -->
                        </div>
                    </a>
		
						

								        	<script type="text/x-dot-template" id="Video_secret_template">
												{{~ it.msg : value : index }}
								
													<a onclick="openVideoWin('{{= value. url }}','{{= value. title }}','secret')" class="aui-flex">
														<div class="aui-atr-img">
															<img class="lazy" data-src="{{= value. img }}" src="" onload="loadImg(this);" >
														</div>
														<div class="aui-flex-box">
															<h2>{{= value. title }}</h2>
														<!--	<h4>2019.09.03-2019.09.19</h4>
															<h5>青岛大剧院</h5>-->
															<h6 ><!--类型-->类型：{{= value. type }} <em><!--地区-->地区：{{= value. region }}</em></h6> 
															<p>"{{= value. content }}"</p>
														</div>
														<div class="aui-arrow-text">
															<h1>播 放</h1>
														<!--	<p>播放</p>-->
														</div>
													</a>
													
												{{~}}
											</script>

				
					
					

					
			
	  <!--
                    <a href="javascript:;" class="aui-flex">
                        <div class="aui-atr-img">
                            <img src=" ">
                        </div>
                        <div class="aui-flex-box">
                            <h2>【青岛站】话剧《戏台》【青岛站】话剧《戏台》【青岛站】话剧《戏台》【青岛站】话剧《戏台》</h2>
                            <h4>2019.09.03-2019.09.19</h4>
                            <h5>青岛大剧院</h5>
                            <h6>188<em>元起</em></h6>
                            <p>"著名喜剧表演艺术家陈佩斯担当导演"</p>
                        </div>
                        <div class="aui-arrow-text">
                            <h1>播 放</h1>
                          <p>折起</p>
                        </div>
                    </a>
					  -->
					
					
                </div>
            </section>
        </section>

</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/doT.js"></script>
<script type="text/javascript">
  var api_url = localStorage.getItem('api_url');
  var i = 1;
		/////  初始化执行   S /////
		/////  apiready  一打开就执行的 函数

  Private_Video_num.innerHTML = localStorage.getItem('Private_Video_num');
  
		apiready = function() {


			getVideo_secret(); //获取电视直播列表 集合
		
			// 网络状态
		api.addEventListener({
			name:'offline'
		}, function(ret, err){        

			api.toast({
			msg : '网络连接异常',
			duration : 5000,
			location : 'middle' 
			});

			  

		});

		api.addEventListener({
			name:'online'
		}, function(ret, err){        
		
			  api.toast({
			  msg : '已经连接网络',
			  duration : 2000,
			  location : 'middle' 
			  });
				  

    	getVideo_secret(); //获取电视直播列表 集合

				  
		});
	
	
	
		}
		/////  初始化执行   E /////
		
		


function loadImg(ele_) {
var thumbnailBoolean=api.systemType=='ios'?false:true,
dataurl = $api.attr(ele_, 'data-src');
if (dataurl) {
api.imageCache({
url: dataurl,
thumbnail:false
}, function(ret, err) {
if (ret) {
if (ret.status) {
// console.log(ret.url);
ele_.src = ret.url;
$api.removeCls(ele_, 'lazy');
$api.addCls(ele_, 'imgloaded');

// src赋值，也会触发onload，防止循环执行必须移除对应属性
$api.removeAttr(ele_, 'data-src');
$api.removeAttr(ele_, 'onload');
}
} else {
alert(JSON.stringify(err));
}
});

}
}



//////////////////////   获取电视TV直播列表  方法   getList    S ////////// 集合//////////// 
  function getVideo_secret(){

/*
		 api.showProgress({
			  title: '加载中',
			  modal: false
		 });
	*/
	
	
    var Video_secret_list = $api.byId('Video_secret_list');
    var Video_secret_template = $api.byId('Video_secret_template');
    api.ajax({
       	url: api_url+'/login/login/video_secret.html',
        method: 'get',              
				data: {
                  values: {
						key: localStorage.getItem('anq_key'),   //安全码
                  }
              }
    },function(ret, err){
        if (ret) {
          //alert( JSON.stringify( ret ) );
		  
		  
			video_secret_content.innerHTML = ret.gg;  //特殊视频公告
		  
          var pagefn = doT.template(Video_secret_template.text);
          Video_secret_list.innerHTML = pagefn(ret);
		  
          api.hideProgress();
        } else {
          api.hideProgress();
            //alert( JSON.stringify( err ) );
        }
		
		
		
    });
	

  }

//////////////////////   获取电视TV直播列表  方法   getList    E //////////////////////




//////////////////////   打开电视直播列表  方法     S ////////////////////// 


		function openVideoWin(url,name,source) {


     			
				//播放器判断
				//1 本地播放器(V1)   2 本地播放器(V2)
				if(localStorage.getItem('Player_selection') == 1){		
				
						var delay = 0;
						if(api.systemType != 'ios') {
							delay = 300;
						}
						api.openWin({
							name: 'video_play_win',
							url: 'widget://html/video_play_win.html',
							bounces: false,
							delay: delay,
							slidBackEnabled: true,
							vScrollBarEnabled: false,
						
							pageParam:{video:url,title:name}
						});

							
				}else if(localStorage.getItem('Player_selection') == 2){
				
						 	fnvideoPlayerPlay(url,name);
				
				}


																							 
																							 
	 /*											                                             api.toast({
                                                                                                 msg: source
                                                                                             });											 
																							 
    api.addEventListener({
         name:'viewdisappear'
     },function(){
         api.closeWin({
              name:api.winName
         });
     });
*/

    }


//////////////////////   打开电视直播列表  方法     E //////////////////////












    function fnvideoPlayerPlay(video,title) {
        var videoPlayer = api.require('videoPlayer');
		videoPlayer.forward({
			seconds: 30
		});
        videoPlayer.play({
      /*      texts: {
                head: {
                    title: title+'播放'
                }
            },*/
            styles: {
                head: {								 //（可选项）JSON对象；播放器顶部导航条样式    	
                    bg: 'rgba(0.5,0.5,0.5,0.7)',		 //（可选项）字符串类型；顶部导航条背景，支持#、rgb、rgba、img；默认：rgba(161,161,161,0.5)
                    height: 44,							     //（可选项）数字类型；顶部导航条的高；默认：44
                    titleSize: 15,							  //（可选项）数字类型；顶部标题字体大小；默认：20
                    titleColor: '#fff',							 //（可选项）字符串类型；顶部标题字体颜色；默认：#fff
                    backSize: 25,								//（可选项）数字类型；顶部返回按钮大小；默认：44
                    backImg: 'widget://Ryanimg/user/Close.png',		//（可选项）字符串类型；顶部返回按钮的背景图片，要求本地路径（widget://、fs://）；默认：返回小箭头图标
                    setSize: 25,										//（可选项）数字类型；顶部右边设置按钮大小；默认：44
                    setImg: 'widget://Ryanimg/user/setup.png'			//（可选项）字符串类型；顶部右边设置按钮背景图片，要求本地路径（widget://、fs://）；默认：设置小图标
                },		
                foot: {							 //（可选项）JSON对象；播放器底部导航条样式    	
                    bg: 'rgba(0.5,0.5,0.5,0.7)',			//（可选项）字符串类型；底部导航条背景，支持#、rgb、rgba、img；默认：rgba(161,161,161,0.5)
                    height: 44,								//（可选项）数字类型；底部导航条的高；默认：44
                    playSize: 25,							//（可选项）数字类型；底部播放/暂停按钮大小；默认：44
                    playImg: 'widget://Ryanimg/user/play.png',			//（可选项）字符串类型；底部播放按钮的背景图片，要求本地路径（widget://、fs://）；默认：播放按钮图标
                    pauseImg: 'widget://Ryanimg/user/pause.png',			//（可选项）字符串类型；底部暂停按钮的背景图片，要求本地路径（widget://、fs://）；默认：暂停按钮图标
                    nextSize: 25,											//（可选项）数字类型；底部下一集按钮大小；默认：44
					nextImg:'widget://Ryanimg/user/pns.png',  				//（可选项）字符串类型；底部下一集按钮的背景图片，要求本地路径（widget://、fs://）；默认：下一集按钮图标
                    timeSize: 14,									 //（可选项）数字类型；底部时间标签大小；默认：14
                    timeColor: '#fff',					    //（可选项）字符串类型；底部时间标签颜色，支持#、rgba、rgb；默认：#fff
                    sliderImg: 'widget://image/videoPlayer/unfullscreen.png',					//（可选项）字符串类型；底部进度条滑块背景图片，要求本地路径（widget://、fs://）；默认：滑块小图标((在iOS上需要添加二倍图或者三倍图,否则会出现毛边))
                    progressColor: '#696969',			 //（可选项）字符串类型；进度条背景色，支持#、rgba、rgb；默认：#696969
                    progressSelected: '#1296db',			 //（可选项）字符串类型；滑动后的进度条背景色，支持#、rgb、rgba；默认：#76EE00
                    verticalImg: "widget://Ryanimg/user/ExitFullScreen.png",		 //（可选项）字符串类型；底部竖屏按钮的背景图片，要求本地路径（widget://、fs://）；默认：竖屏按钮图标              
                    horizontalImg: "widget://Ryanimg/user/fullscreen.png"			//（可选项）字符串类型；底部横屏按钮的背景图片，要求本地路径（widget://、fs://）；默认：横屏按钮图标
                }
            },
			  
            coverImg: "widget://image/videoPlayer/fullscreen.png",		//	（可选项）封面图路径，播放器打开尚未播放时的封面图，要求本地路径（widget://、fs://）
            path: video,		//	（可选项）文档的路径，支持网络和本地（fs://）路径，在 android 平台上不支持 widget	
			seekBarDragable: true,		//	（可选项） 播放进度条是否可以拖动
			autorotation: false,	//	（可选项）视频播放页面是否支持自动旋转（横竖屏），若为 false 则手动点击右下角按钮旋转
            autoPlay: true					//（可选项）打开时是否自动播放		默认值：true（自动播放）
        }, function(ret, err) {
            if (ret) {
			
			
 // alert(JSON.stringify(ret));	    /**/															
	

				if(ret.eventType == 'show'){
				
				
				
				/*
																api.toast({
																	msg: '打开成功并显示',
																	duration: 11000,
																	location : 'middle' 
																});
				*/
			
				}else if(ret.eventType == 'back'){
				
				
														/*		api.toast({
																	msg: '返回',
																	duration: 1000,
																	location : 'middle' 
																});
																*/
			var videoPlayer = api.require('videoPlayer');
			videoPlayer.close();
				
				}else if(ret.eventType == 'play'){
				
				
																api.toast({
																	msg: '播放',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				
				}else if(ret.eventType == 'pause'){
				
				
																api.toast({
																	msg: '暂停',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				
				}else if(ret.eventType == 'next'){
				
				
																api.toast({
																	msg: '下一集',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				
				}else if(ret.eventType == 'failed'){
				
				
																api.toast({
																	msg: '播放失败',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				 
				}

 


            } else {
    alert(JSON.stringify(err));
            }
        });
    }
















  function closeWin(){
      api.closeWin({
      });
  }
  
  




//////////////////////    刷新 方法 shuaxin  S  //////////////////////
function shuaxin(){

/*
      api.toast({
          msg: '刷新中'
      });
*/
getVideo_secret();


}
//////////////////////    刷新 方法 shuaxin  E  //////////////////////




</script>
	
</html>
